import "../../scss/mobile_index.scss";
import $ from "jquery";
import Swipe from "../utils/swipe";
require("../utils/remove_ad");

var elem = document.getElementById("mySwipe");
window.mySwipe = Swipe(elem, {
  startSlide: 0,
  auto: 3000,
  continuous: true,
  disableScroll: true,
  stopPropagation: true,
  callback: function(pos) {
    var i = bullets.length;
    while (i--) {
      bullets[i].className = " ";
    }
    bullets[pos].className = "on";
  },
  transitionEnd: function(index, element) {}
});
var imgLength = document.getElementsByClassName("circle_img").length;
if (imgLength > 1) {
  for (var i = 0; i < imgLength; i++) {
    var li = $("<li/>").appendTo($("#position"));
  }
  var circleWidth = $("#position").width();
  $("#position").css("margin-left", -circleWidth / 2 + "px");
  var bullets = document.getElementById("position").getElementsByTagName("li");
  bullets[0].className = "on";
}

// 聊天记录弹幕
function chatBarrage(ele, num, length) {
  if (num === 0) {
    ele.eq(length - 1).fadeOut();
    ele.eq(0).fadeIn();
  }
  ele.eq(num).fadeOut();
  ele.eq(num + 1).fadeIn();
  num++;
  if (num >= length) {
    num = 0;
  }
}
// 聊天记录弹幕
var charBarrageEq = 0;
var allChat = $(".chat_recorder");
var chatBarrageLength = allChat.length;
// console.log(chatBarrageLength);
function chatBarrageTime() {
  if (charBarrageEq >= chatBarrageLength - 1) {
    charBarrageEq = 0;
    allChat
      .eq(0)
      .show()
      .siblings()
      .hide();
  } else {
    allChat
      .eq(charBarrageEq + 1)
      .show()
      .siblings()
      .hide();
  }
  charBarrageEq++;
}
// 设置两个定时器控制轮播
var timer2 = null;
var chatShoWHide = setInterval(chatBarrageTime, 5000);
$(".chat_bubble span").click(function() {
  clearInterval(chatShoWHide);
  clearInterval(timer2);
  var $index = $(this)
    .parent()
    .parent()
    .index();
  $(".b_comment").text(businessComment[$index]);
  $(".business_comment").show();
  $(".layui-m-layershade").click(function() {
    $(".business_comment").hide();
    timer2 = setTimeout(function() {
      chatShoWHide = setInterval(chatBarrageTime, 5000);
    }, 1000);
  });
});
var businessComment = [
  "刚开始我什么都不会，抱着试一试的心态，客牛客服指导我们做了一个砍价的活动，" +
    "从活动类型的选择，到奖品和价格的设置，都一一耐心指导，活动开始2小时，就有100多人参加了，" +
    "简直不太敢相信，这个工具实在是太强大了，活动那几天几乎所有家长朋友圈都在分享我们这个活动，附近几个小区的家长都打电话过来咨询，电话从来没停过，" +
    "后来临时增加到5个电话，从早上6点到晚上11点半一直都有电话进来，咨询我们的课程，" +
    "后来活动太火爆，学校根本容不下那么多学生，不得不提前结束。真心感谢客牛，一次活动，把我们学校都招满了。",
  "在客牛之前我们，尝试过很多营销办法，投入产出比都不太高，马上五一了，" +
    "我们商场又要做家具采购会，反正客牛软件价格也不贵，就试一试看看效果怎样，" +
    "结果效果出奇的好，简直爆棚，太疯狂了，活动开始5小时后，我们的活动页面传遍了朋友圈，" +
    "不断的有亲朋好友来邀请我给他加油，由于参与人数瞬间增长，客牛的工作人员还为此给我们免费增加服务器带宽，" +
    "原定6天的活动提前3天结束，这次达到活动50000+的查看，" +
    "700多人报名，为家具城带来了200多万的销售额，成本才150元。",
  "刚开的一家面馆，没客户啊，真头疼，想了很多办法活动力度也很大，" +
    "可店里就是人气不足，后来看到有朋友开培训班的用客牛做的挺好的，" +
    "我就想尝试下，看看效果怎样，再和客服人员深入沟通了我们门店的情况后，" +
    "我做了一个全民集赞的活动，互联网实在是太强大了，没一会就很多人报名，" +
    "我都不知道是咋回事，最后有200多人来店里消费和办卡，我觉得还真得尝试新东西，以前的营销确实是过时了，" +
    "我到现在都没搞明白这效果是怎么做的的，反正效果就是好，我用就行了。",
  "夏天马上就要来临，这个时候带游泳馆的健身房一般都会提前去发展会员，" +
    "我们之前都是招传单员发传单，只是听朋友推荐有个叫客牛的很不错，" +
    "可以做个砍价或者加油的活动，招几十个会员轻轻松的，开始基本不信，" +
    "怎么可能有这种东西，也是朋友关系比较好，他推荐的，就试了一试做了个68元抢月卡的活动，" +
    "活动效果实在是太好了，周末通过客牛过来的消费者就有200多个，我接待不过来剩下的都给同事接待去了，" +
    "后来我们这边的健身房都用客牛去发展会员了。",
  "我们做美容美发的，营销最难的环节就是如何最低成本的吸引消费者到我们门店来，" +
    "只要消费者到店我们就有机会去转化充值年卡，一次很偶然的机会，" +
    "看到隔壁龙虾店用客牛做的活动，效果非常之好，那天去他们店吃龙虾的人都排起了长队，" +
    "由于天气有点小雨，不少客户都到我们店里来躲雨，我们就借势推荐了我们的年卡，居然转化了6个" +
    "，后来我们也用客牛去做活动，真的，我从来没有见过这么好用，" +
    "高效的营销软件，节省了我们很多的人力物力。",
  "临近五一，对客牛类似的系统我们并不陌生，之前也用过砍价，" +
    "效果很好，但是被同行恶意举报之后活动就打不开了，所有的报名数据都丢上，" +
    "我觉得你活动数据量大遭到同行的恶意投诉是必然的，问题是能不能及时解决，" +
    "在使用客牛系统的过程中，页面也被微信封杀过，我反馈给客服，几分钟内页面又能打开了。" +
    "不知道是怎么做到的，之前被封到腾讯那边申述基本没有用，一个星期页面都不能打开，活动基本作废了，还带来不好的影响，" +
    "还是稳定、安全最重要，我选择使用客牛。"
];

// 点击出现二维码
$(".QR_code").click(function() {
  $(".unfolded_QR_code").show();
  $(".layui-m-layershade").click(function() {
    $(".unfolded_QR_code").hide();
  });
});
